<!DOCTYPE html>
<html lang="en">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!--bootstrap插件-->
	<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
	<link href="/static/plugin/bootstrap/bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
	<link href="/static/plugin/jo/joUI.css" rel="stylesheet"/>
	<!--字体插件-->
	<link href="/static/plugin/font-awesome-4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
	<link href="/static/plugin/layui-2.4.3/css/layui.css" rel="stylesheet"/>
	<!--ztree-->
	<link href="/static/plugin/zTree/css/metroStyle/metroStyle.css" rel="stylesheet"/>
	<!--common-->
	<link href="/static/css/common.css" rel="stylesheet"/>
	<!--帮助手册样式-->
	<link rel="stylesheet" type="text/css" href="/static/css/help/document.css">
	<title>Young平台助手</title>
</head>

<body class="" bgcolor="#FAFAFA" background="./images/wd161219_011.jpg" style="overflow:hidden;">
	<table class="index-layout" cellpadding="0" cellspacing="0">
		<tr class="header">
			<td style=" border-bottom:#C0C0C0 solid 1px;">
				&nbsp;Young&nbsp;使用手册
			</td>
			<td style="text-align:right; border-bottom:#C0C0C0 solid 1px;">
				<a href="./index.html" target="_blank">主&nbsp;页</a>
				&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
			</td>
		</tr>
		<tr class="body">
			<td class="left">
				<table class="sub-layout" cellpadding="0" cellspacing="0">
					<tr>
						<td class="seach-box">
							<input type="text" class="search" oninput="searchMenu(this.value)" />
							<input type="image" src="/static/images/ico_search.png" class="icon-search"/>
						</td>
					</tr>
					<tr>
						<td class="nav-td">
							<div class="nav-div">
								<table class="nav-tab" cellpadding="0" cellspacing="0">
									<tr onclick="lookPage('./html/doc_jo.html')">
										<td>jo</td>
										<td>js方法库</td>
									</tr>
									<tr onclick="lookPage('./html/doc_showview.html')">
										<td>joView</td>
										<td>视图页对象</td>
									</tr>
									<tr onclick="lookPage('./html/doc_showform.html')">
										<td>joForm</td>
										<td>表单页对象</td>
									</tr>
									<tr onclick="lookPage('./html/doc_win.html')">
										<td>layer</td>
										<td>弹窗组件</td>
									</tr>
									<tr onclick="lookPage('./html/doc_editor.html')">
										<td>CodeEditor</td>
										<td>代码编辑器</td>
									</tr>
									<tr onclick="lookPage('./html/doc_highLight.html')">
										<td>CodeHighLight</td>
										<td>代码着色/高亮</td>
									</tr>
									<!--<tr onclick="lookPage('./html/doc_list.html')">
										<td>WebEditor</td>
										<td>网页编辑器</td>
									</tr>-->
									<tr onclick="lookPage('./html/doc_grid.html')">
										<td>Grid</td>
										<td>数据表格</td>
									</tr>
									<tr onclick="lookPage('./html/doc_list.html')">
										<td>joSelect</td>
										<td>下拉列表</td>
									</tr>
									<tr onclick="lookPage('./html/doc_inputList.html')">
										<td>joInput</td>
										<td>输入选择框</td>
									</tr>
									<tr onclick="lookPage('./html/doc_tab.html')">
										<td>joTab</td>
										<td>页签</td>
									</tr>
									<tr onclick="lookPage('./html/doc_upload.html')">
										<td>uploadFile</td>
										<td>上传文件</td>
									</tr>
									<tr onclick="lookPage('./html/doc_page.html')">
										<td>page</td>
										<td>前端分页</td>
									</tr>
									<tr onclick="lookPage('./html/blank.html')">
										<td>Blank</td>
										<td>空白模板</td>
									</tr>
									<!-- <tr onclick="lookPage('./html/asktao.html')">
										<td>Asktao</td>
										<td>计算公式</td>
									</tr> -->
								</table>
							</div>
						</td>
					</tr>
				</table>
			</td>
			<td class="right" style="padding-top: 1px;">
				<iframe name="mark" src="./html/doc_rule.html" class="iframe">
				</iframe>
			</td>
		</tr>
		
	</table>

	<!--配置信息-->
	<script src="/static/js/config.js"></script>
	<!--jquery-->
	<script src="/static/plugin/jquery/jquery-3.3.1.js"></script>
	<script src="/static/plugin/jquery/jquery.cookie.js"></script>
	<!--bootstrap-->
	<script src="/static/plugin/bootstrap/bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
	<!--[if lt IE 9]>
	<script src="/static/plugin/other/html5shiv.js"></script>
	<script src="/static/plugin/other/respond.min.js"></script>
	<![endif]-->
	<!--layui-->
	<script src="/static/plugin/layui-2.4.3/layui.all.js"></script>
	<!--ztree-->
	<script src="/static/plugin/zTree/js/jquery.ztree.all.js"></script>
	<!--jo-->
	<script src="/static/plugin/jo/jo.js"></script>
	<script src="/static/plugin/jo/jo-adapt.js"></script>
	<script src="/static/plugin/jo/jo-page-view.js"></script>
	<script src="/static/plugin/jo/jo-page-form.js"></script>
	<script src="/static/plugin/jo/jo-listener.js"></script>
	<!--common-->
	<script src="/static/js/common.js"></script>
	<script>
		$(function(){
			$(".nav-tab tr").on("click",function(){
				$(".nav-tab tr").removeClass("clickNav");
				$(this).addClass("clickNav");
			});
			//给菜单栏添加标识
			$(".nav-tab tr").each(function(idx, e){
				var tds = $(e).find('td');
				$(e).attr('key', $(tds[0]).text());
				$(e).attr('text', $(tds[1]).text());
			});
		});
		//菜单栏检索
		var oldVal = '';
		function searchMenu(val){
			if (jo.isValid(val) && val != oldVal) {
				oldVal = val;//记录当前值
				$(".nav-tab tr").each(function(idx, e){
					var key = $(e).attr('key');
					var text = $(e).attr('text');
					if (key.toUpperCase().indexOf(val.toUpperCase()) > -1 || text.toUpperCase().indexOf(val.toUpperCase()) > -1) {
						$(e).show();
					}else{
						$(e).hide();
					}
				});
			}else if(!jo.isValid(val)){//当输入值无效时,菜单全部显示
				$(".nav-tab tr").each(function(idx, e){
					$(e).show();
				});
			}
		}
		function lookPage(sUrl){
			$(".iframe").attr("src",sUrl);
		}
	</script>
</body>
</html>
